<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>iUI Touch - Powered By iUI Touch</title>
	<meta name="description" content="iUI is a framework consisting of a JavaScript library, CSS, and images for developing advanced mobile webapps for smartphones & mobile devices.">
	<link href="../medias/images/favicon.png" rel="icon" type="image/png" /> 
	<link href="../medias/images/favicon.ico" rel="shortcut icon" />
	<link rel="image_src" type="image/jpeg" href="../medias/images/thumb.jpg" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

	<link rel='stylesheet' type='text/css' media="screen" href='../medias/css/globals.css' />
	<link rel='stylesheet' type='text/css' media="screen" href='../medias/css/gallery.css' />
	<!--[if lt IE 7]><link rel="stylesheet" type="text/css" media="screen" href="../medias/css/ie6.css"><![endif]-->

	<script type='text/javascript' src="../medias/scripts/global.js"></script>
	
</head>

<body>

	<div id="main">

		<div id="menu">
			<ul>
				<li><span class="logo"></span></li>
				<li><a href="../index.html" class="home"><span>Home</span></a></li>
				<li><a href="../about.html" class="about"><span>About</span></a></li>
				<li><a href="../demo.html" class="demo"><span>Demo</span></a></li>
				<li><a href="../download.html" class="download"><span>Download</span></a></li>
				<li><a href="../documentation.html" class="documentation"><span>Documentation</span></a></li>
				<li><a href="../gallery.html" class="gallery active"><span>Gallery</span></a></li>
				<li><a href="../get-involved.html" class="involved"><span>Get Involved</span></a></li>
				<li><form method="GET" action="../search" name="header_search">
					<a href="#" id="emptysearch" onclick="empty('search_q');hide(this.id)"></a>
					<input type="text" name="q" id="search_q" class="searchform" onFocus="checkHeaderSearch()" onKeyUp="checkHeaderSearch()" value="">
					<input type="submit" value="search" class="hide">
				</form></li>
			</ul>
	
		</div>
	
		<hr>

		<div id="header">
			<h1>Gallery - Powered By iUI-JS</h1>
		</div>


		<div id="content">

			<div class="previewer">
				<div class="light"></div>
				<div id="preview1"></div>
				<div id="preview2"></div>
			</div>

			<div class="preview">
				<h2 id="themename">&nbsp;</h2> 
			</div>

			<div class="preview">
				<p>
					<strong>Author:</strong><span id="author"></span>
				</p>
				<p>
					<strong>Author website:</strong><span id="website"></span>
				</p>
				<p>
					<strong>Created:</strong><span id="themedate"></span>
				</p>
				<p>
					<strong>Last update:</strong><span id="themeupdate"></span>
				</p>
			</div>

			<div class="preview">
				<p id="themedesc"></p>
				<p id="themeurl"></p>
				<p>
					<a href="../themes.html">Back to the gallery</a>
			</div>

			
			<div class="page_footer">
			
				<div class="col1">
					<h5>Publish yours here</h5>
					<p>
						You've created a website/webapp using iUI-Touch?<br>We'd love to see it here<br />							<a href="extensions.html">Submit yours</a>
					</p>
				</div>
				
				
				<div class="col2">
					<h5>Create yours in a few minutes</h5>
					<p>
						Take a look are our "Advanced Styling & Themes" documentation & create your own theme<br />							<a href="documentation.html">Advanced Styling & Themes</a>
					</p>
				</div>
				
				<div class="col3">
					<h5>You like iUI? We love coffee!</h5>
					<p>
						No better coding monkey gazoline than a large hot Latte or a juicy pizza! It always helps...<br />
						<a href="keep-on-the-good-work.html">Donation page</a>
					</p>
				</div>
			
			</div>

		</div>

		<hr>

		<p id="footer">
			iUI-JS &copy; 2007 - iUI-JS is an opensource framwork released under LGPL license - <a href="../sitemap.html">sitemap</a> - <a href="../donate.html">DONATE</a>
		</p>

	</div>

	<script type='text/javascript' src="../medias/scripts/jquery-1.5.min.js"></script>
	<script type="text/javascript">

		$(document).ready(function()
		{
			var appContent = [];
			var appId = getGET('id');
			$.ajax({
				type: "GET",
				url: appId+".xml",
				dataType: "xml",
				success: function(xml) {
					$('#author').html($(xml).find('author').text());
					($(xml).find('website').text()!='null')?$('#website').html('<a href="'+$(xml).find('website').text()+'" target="_blank">'+$(xml).find('website').text()+'</a>'):$('#website').html('none');
					$('#themename').html($(xml).find('themename').text());
					$('#themedate').html($(xml).find('themedate').text());
					$('#themeupdate').html($(xml).find('themeupdate').text());
					$('#themedesc').html($(xml).find('themedesc').text());
					$('#preview1').css('background-image', 'url("images/'+appId+'-screen1.jpg")');
					$('#preview2').css('background-image', 'url("images/'+appId+'-screen2.jpg")');
					($(xml).find('themeurl').text()!='null')?$('#themeurl').html('<a href="'+$(xml).find('themeurl').text()+'" target="_blank" class="btn">Download the theme</a>'):$('#themeurl').html('-- not available --');
				}
			});
		});

	</script>

</body>
</html>